<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Rong-IM-Vue</title>
	<link rel="icon" type="image/png" href="css/images/logo.png">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<div class="rong-im">
		<!-- 会话列表 -->
		<div class="rong-conversation-box">
			<div class="rong-conversation-list">
				<div class="rong-conversation">
					<div class="rong-conversation-user">
						<div class="rong-conversation-avatar rong-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/Fsn4eFfMA8jBTcvcKJhIuS6dSMFp');"></div>
					</div>
					<div class="rong-conversation-title">RCE-PC</div>
					<div class="rong-conversation-message">
						<span class="rong-conversation-sendername">Martin:</span>
						<em class="rong-conversation-content">天气真的不错</em>
					</div>
					<div class="rong-conversation-senttime">10:40</div>
				</div>

				<div class="rong-conversation rong-selected">
					<div class="rong-conversation-user">
						<div class="rong-conversation-avatar rong-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/Fsn4eFfMA8jBTcvcKJhIuS6dSMFp');"></div>
					</div>
					<div class="rong-conversation-title">RCE-PC</div>
					<div class="rong-conversation-message">
						<span class="rong-conversation-sendername">Martin:</span>
						<em class="rong-conversation-content">天气真的不错</em>
					</div>
					<div class="rong-conversation-senttime">10:40</div>
				</div>


				<div class="rong-conversation">
					<div class="rong-conversation-user">
						<div class="rong-conversation-avatar rong-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/Fsn4eFfMA8jBTcvcKJhIuS6dSMFp');"></div>
					</div>
					<div class="rong-conversation-title">RCE-PC</div>
					<div class="rong-conversation-message">
						<span class="rong-conversation-sendername">Martin:</span>
						<em class="rong-conversation-content">天气真的不错</em>
					</div>
					<div class="rong-conversation-senttime">10:40</div>
				</div>

			</div>
		</div>
		<!-- 会话窗口 -->
		<div class="rong-main">
			<!-- 会话窗口消息列表 -->
			<div class="rong-message-list">
				<div class="rong-message rong-message-receiver">
					<div class="rong-avatar rong-message-receiver-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/Fsn4eFfMA8jBTcvcKJhIuS6dSMFp');"></div>
					<div class="rong-message-content">韦爵爷，我敬你是条汉子，面对一会之主，天下知名，武功高强，嫉恶如仇的陈近南，竟能说出如此振奋人心的大实话，不从屁眼里服气不行啊！只是不知说完之后，韦爵爷会不会变成真的太监</div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>

				<div class="rong-message rong-message-sender">
					<div class="rong-avatar rong-message-sender-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/FtUu6gE0MuHHzx2F1mCz2bhyGSwf');"></div>
					<div class="rong-message-content">
						一个人想称赞和鼓励别人，总会找出一点理由的。世界上并不缺少美,而是缺少发现美的眼睛”，如果你实在找不到赞美人的语言，可以把这段话读上50遍，细细体会就行了
					</div>
					<div class="rong-clearfix"></div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>
				<div class="rong-clearfix"></div>

								<div class="rong-message rong-message-receiver">
					<div class="rong-avatar rong-message-receiver-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/Fsn4eFfMA8jBTcvcKJhIuS6dSMFp');"></div>
					<div class="rong-message-content">韦爵爷，我敬你是条汉子，面对一会之主，天下知名，武功高强，嫉恶如仇的陈近南，竟能说出如此振奋人心的大实话，不从屁眼里服气不行啊！只是不知说完之后，韦爵爷会不会变成真的太监</div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>

				<div class="rong-message rong-message-sender">
					<div class="rong-avatar rong-message-sender-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/FtUu6gE0MuHHzx2F1mCz2bhyGSwf');"></div>
					<div class="rong-message-content">
						一个人想称赞和鼓励别人，总会找出一点理由的。世界上并不缺少美,而是缺少发现美的眼睛”，如果你实在找不到赞美人的语言，可以把这段话读上50遍，细细体会就行了
					</div>
					<div class="rong-clearfix"></div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>
				<div class="rong-clearfix"></div>

								<div class="rong-message rong-message-receiver">
					<div class="rong-avatar rong-message-receiver-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/Fsn4eFfMA8jBTcvcKJhIuS6dSMFp');"></div>
					<div class="rong-message-content">韦爵爷，我敬你是条汉子，面对一会之主，天下知名，武功高强，嫉恶如仇的陈近南，竟能说出如此振奋人心的大实话，不从屁眼里服气不行啊！只是不知说完之后，韦爵爷会不会变成真的太监</div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>

				<div class="rong-message rong-message-sender">
					<div class="rong-avatar rong-message-sender-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/FtUu6gE0MuHHzx2F1mCz2bhyGSwf');"></div>
					<div class="rong-message-content">
						一个人想称赞和鼓励别人，总会找出一点理由的。世界上并不缺少美,而是缺少发现美的眼睛”，如果你实在找不到赞美人的语言，可以把这段话读上50遍，细细体会就行了
					</div>
					<div class="rong-clearfix"></div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>
				<div class="rong-clearfix"></div>

								<div class="rong-message rong-message-receiver">
					<div class="rong-avatar rong-message-receiver-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/Fsn4eFfMA8jBTcvcKJhIuS6dSMFp');"></div>
					<div class="rong-message-content">韦爵爷，我敬你是条汉子，面对一会之主，天下知名，武功高强，嫉恶如仇的陈近南，竟能说出如此振奋人心的大实话，不从屁眼里服气不行啊！只是不知说完之后，韦爵爷会不会变成真的太监</div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>

				<div class="rong-message rong-message-sender">
					<div class="rong-avatar rong-message-sender-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/FtUu6gE0MuHHzx2F1mCz2bhyGSwf');"></div>
					<div class="rong-message-content">
						一个人想称赞和鼓励别人，总会找出一点理由的。世界上并不缺少美,而是缺少发现美的眼睛”，如果你实在找不到赞美人的语言，可以把这段话读上50遍，细细体会就行了
					</div>
					<div class="rong-clearfix"></div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>
				<div class="rong-clearfix"></div>


								<div class="rong-message rong-message-receiver">
					<div class="rong-avatar rong-message-receiver-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/Fsn4eFfMA8jBTcvcKJhIuS6dSMFp');"></div>
					<div class="rong-message-content">韦爵爷，我敬你是条汉子，面对一会之主，天下知名，武功高强，嫉恶如仇的陈近南，竟能说出如此振奋人心的大实话，不从屁眼里服气不行啊！只是不知说完之后，韦爵爷会不会变成真的太监</div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>

				<div class="rong-message rong-message-sender">
					<div class="rong-avatar rong-message-sender-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/FtUu6gE0MuHHzx2F1mCz2bhyGSwf');"></div>
					<div class="rong-message-content">
						一个人想称赞和鼓励别人，总会找出一点理由的。世界上并不缺少美,而是缺少发现美的眼睛”，如果你实在找不到赞美人的语言，可以把这段话读上50遍，细细体会就行了
					</div>
					<div class="rong-clearfix"></div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>
				<div class="rong-clearfix"></div>


								<div class="rong-message rong-message-receiver">
					<div class="rong-avatar rong-message-receiver-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/Fsn4eFfMA8jBTcvcKJhIuS6dSMFp');"></div>
					<div class="rong-message-content">韦爵爷，我敬你是条汉子，面对一会之主，天下知名，武功高强，嫉恶如仇的陈近南，竟能说出如此振奋人心的大实话，不从屁眼里服气不行啊！只是不知说完之后，韦爵爷会不会变成真的太监</div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>

				<div class="rong-message rong-message-sender">
					<div class="rong-avatar rong-message-sender-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/FtUu6gE0MuHHzx2F1mCz2bhyGSwf');"></div>
					<div class="rong-message-content">
						一个人想称赞和鼓励别人，总会找出一点理由的。世界上并不缺少美,而是缺少发现美的眼睛”，如果你实在找不到赞美人的语言，可以把这段话读上50遍，细细体会就行了
					</div>
					<div class="rong-clearfix"></div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>
				<div class="rong-clearfix"></div>


								<div class="rong-message rong-message-receiver">
					<div class="rong-avatar rong-message-receiver-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/Fsn4eFfMA8jBTcvcKJhIuS6dSMFp');"></div>
					<div class="rong-message-content">韦爵爷，我敬你是条汉子，面对一会之主，天下知名，武功高强，嫉恶如仇的陈近南，竟能说出如此振奋人心的大实话，不从屁眼里服气不行啊！只是不知说完之后，韦爵爷会不会变成真的太监</div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>

				<div class="rong-message rong-message-sender">
					<div class="rong-avatar rong-message-sender-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/FtUu6gE0MuHHzx2F1mCz2bhyGSwf');"></div>
					<div class="rong-message-content">
						一个人想称赞和鼓励别人，总会找出一点理由的。世界上并不缺少美,而是缺少发现美的眼睛”，如果你实在找不到赞美人的语言，可以把这段话读上50遍，细细体会就行了
					</div>
					<div class="rong-clearfix"></div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>
				<div class="rong-clearfix"></div>


								<div class="rong-message rong-message-receiver">
					<div class="rong-avatar rong-message-receiver-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/Fsn4eFfMA8jBTcvcKJhIuS6dSMFp');"></div>
					<div class="rong-message-content">韦爵爷，我敬你是条汉子，面对一会之主，天下知名，武功高强，嫉恶如仇的陈近南，竟能说出如此振奋人心的大实话，不从屁眼里服气不行啊！只是不知说完之后，韦爵爷会不会变成真的太监</div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>

				<div class="rong-message rong-message-sender">
					<div class="rong-avatar rong-message-sender-avatar" style="background-image: url('http://oojs2ztoq.bkt.clouddn.com/FtUu6gE0MuHHzx2F1mCz2bhyGSwf');"></div>
					<div class="rong-message-content">
						一个人想称赞和鼓励别人，总会找出一点理由的。世界上并不缺少美,而是缺少发现美的眼睛”，如果你实在找不到赞美人的语言，可以把这段话读上50遍，细细体会就行了
					</div>
					<div class="rong-clearfix"></div>
					<div class="rong-message-senttime">
						<em>19:50</em>
					</div>
				</div>
				<div class="rong-clearfix"></div>

			</div>
			<!-- 消息内容编辑区域 -->
			<div class="rong-edior-box">
				<div class="rong-editor-input">
					<textarea name="editor-input" class="rong-input rong-editor-input-content"></textarea>
				</div>
			</div>
		</div>
	</div>
</body>
</html>